﻿@{
    ViewBag.Title = "Change Avatar";
}

@section scripts
{
    <script type="text/javascript" src="~/Scripts/App/Member/change_avatar.js"></script>
}

<header>
    <div class="row">
        <div class="large-12 columns">
            <div class="header-for-show">
                <ul class="example-orbit-content" data-orbit>
                    <li data-orbit-slide="headline-1">
                        <div>
                            <h3>Quảng cáo 1</h3>
                            <h5>Thông tin thêm về quảng cáo</h5>
                        </div>
                    </li>
                    <li data-orbit-slide="headline-2">
                        <div>
                            <h3>Quảng cáo 2</h3>
                            <h5>Thông tin thêm về quảng cáo</h5>
                        </div>
                    </li>
                    <li data-orbit-slide="headline-3">
                        <div>
                            <h3>Quảng cáo 3</h3>
                            <h5>Thông tin thêm về quảng cáo</h5>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</header>
<section id="main-content">
    <div class="row">
        <div class="large-10 medium-10 columns push-2">
            <div class="row">
                <div class="large-12 medium-12 columns">
                    <h3 class="bottom40 border-bottom user-name" data-bind="text: FullName"></h3>
                    <h4> Cập nhật ảnh đại diện <small> Đây là trang cập nhật ảnh đại diện người dùng</small></h4>
                    <div>
                        <form data-bind="submit: $root.UpdateAvatar">
                            <div>
                                <img id="imgthumb" class="thumb" style="width: 400px; height: 400px;"
                                     data-bind="attr: {src: typeof(imageObjectURL()) == 'undefined'? '../Advertise/DefaultAssets/BrowserAvatar.gif': imageObjectURL() }" />
                            </div>
                            <input id="imgselect" name="file" type="file" accept="image/*" data-bind="file: imageFile, fileObjectURL: imageObjectURL" style="display:none" />
                            <input type="submit" value="Cập nhật" class="button small"
                                   style="margin-left: 100px; margin-top: 10px; width: 200px;">
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <div class="large-2 medium-2 columns pull-10">
            <ul class="side-nav">
                <li class="avatar">
                    <img style="width: 150px; height: 150px;" data-bind="attr: {src: Avatar}">
                </li>
                <li>
                    <a href="~/Member/">Thông tin</a>
                </li>
                <li class="divider"></li>
                <li>
                    <a href="~/Member/EditProfile">Sửa thông tin</a>
                </li>
                <li class="divider"></li>
                <li>
                    <a href="#">Đổi ảnh đại diện</a>
                </li>
                <li class="divider"></li>
                <li>
                    <a href="~/Member/ChangePassword">Đổi mật khẩu</a>
                </li>
                <li class="divider"></li>
                <li>
                    <a href="~/Member/PointList">Điểm thưởng</a>
                </li>
                <li class="divider"></li>
                <li>
                    <a href="~/Member/ExchangeHistory">Lịch sử giao dịch</a>
                </li>
                <li class="divider"></li>
                <li>
                    <a href="~/Member/SubcribeList">Danh sách theo dõi</a>
                </li>
            </ul>
            <div></div>
        </div>
    </div>
</section>